import { ObjectDirective } from 'vue'
/**
 * @el：获取绑定的dom
 * @binding.value：通过指令绑定之后传过来的参数
 * 自动获取焦点
 */

export const focus: ObjectDirective = {
  mounted(el: HTMLButtonElement, binding) {
    const bindVal = binding.value
    if (bindVal || bindVal == undefined) {
      // 当前节点不是 input
      if (el.nodeName != 'INPUT') {
        // 查找子节点 input
        const childInput = el.querySelector('input')
        childInput && childInput.focus()
      } else {
        el.focus()
      }
    }
  },
}
